<!-- stories/templates/stories/change_password.html -->
{% extends 'stories/base.html' %}
{% load static %}

{% block title %}修改密码 - AI故事生成网站{% endblock %}

{% block content %}
<div class="container">
    <div class="page-header">
        <h1>修改密码</h1>
        <p>请设置一个新密码</p>
    </div>

    <div class="change-password-container">
        <form method="post" class="password-form">
            {% csrf_token %}

            <div class="form-group">
                <label for="old_password">当前密码</label>
                <input type="password" name="old_password" id="old_password" required>
            </div>

            <div class="form-group">
                <label for="new_password1">新密码</label>
                <input type="password" name="new_password1" id="new_password1" required>
                <p class="help-text">密码长度不限，但建议使用强密码</p>
            </div>

            <div class="form-group">
                <label for="new_password2">确认新密码</label>
                <input type="password" name="new_password2" id="new_password2" required>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">修改密码</button>
                <a href="{% url 'stories:profile' %}" class="btn btn-secondary">返回个人中心</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}